<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
	</head>
	<body>
		<div id="web">
			<!--头部 宽995 高134-->
			<header>
				<div class="top">
					<div class="main">
						<span>全国热线400-000-0000</span>
						<div class="link fr">
							<a href="">设置首页</a>
							<a href="">添加收藏</a>
						</div>
					</div>
				</div>
				<nav class="clearfix">
					<div class="logo fl">
						<a href="">
							<img src="img/logo.jpg"/>
						</a>
					</div>
					<ul class="fr">
						<li class="active">
							<a href="">
								<p>首页</p>
								<p>Home</p>
							</a>
						</li>
						<li>
							<a href="product.html">
								<p>关于我们</p>
								<p>About</p>
							</a>	
						</li>
						<li>
							<a href="productdetail.html">
								<p>产品中心</p>
								<p>Products</p>
							</a>	
						</li>
						<li>
							<a href="">
								<p>服务支持</p>
								<p>Service</p>
							</a>	
						</li>
						<li>
							<a href="">
								<p>新闻中心</p>
								<p>News</p>
							</a>	
						</li>
						<li>
							<a href="">
								<p>在线商店</p>
								<p>Shop</p>
							</a>	
						</li>
						<li>
							<a href="">
								<p>联系我们</p>
								<p>Contact Us</p>
							</a>	
						</li>
					</ul>
				</nav>
			</header>
			<!--轮播图-->
			<div class="carou">
				<div class="swiper-container">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide imgWrap">
			        	<img src="img/banner1.jpg" alt="picture" />
			        </div>
			        <div class="swiper-slide imgWrap">
			        	<img src="img/banner2.jpg" alt="picture" />
			        </div>
			        <div class="swiper-slide imgWrap">
			        	<img src="img/banner3.jpg" alt="picture" />
			        </div>
			    </div>
			    <!-- 如果需要分页器 -->
			    <div class="swiper-pagination"></div>		   
				</div>
			</div>
			<!--产品介绍-->
			<!--w955 h474-->
			<div class="product clearfix">
				<!--w315 h473-->
				<!--新闻中心-->
				<div class="module fl">
					<div class="module-top">
						<div class="module-sign">
							<img src="img/new-center.png" alt="new center" />
						</div>
						<h5>新闻中心</h5>
						<h6>NEW.CENTER</h6>
						<div class="underline"></div>
					</div>
					<div class="module-middle clearfix">
						<div class="fl">
							<h5>
								<a href="">CeBIT&nbsp;2015</a>
							</h5>
							<div>
								<a href="">
									<img src="img/pic1.jpg" alt="pic1" />
								</a>	
							</div>
						</div>
						<div class="fl">
							<p>
								<a href="">
									创新ICT共建全联接<br />	
									世界德国汉诺威展览<br />
									中心<br />
									3月16日-20日
								</a>
							</p>
						</div>
					</div>
					<div class="module-bottom">
						<ul class="piclist">
							<li>
								<span></span>
								<a href="">上海国际智能建筑展览会</a>
							</li>
							<li>
								<span></span>
								<a href="">2014德国柏林国际消费类电子产品展览会</a>
							</li>
							<li>
								<span></span>
								<a href="">2014中国（贵阳）公告安全防范产品博览会</a>
							</li>
						</ul>
					</div>
				</div>
				<!--新品发布-->
				<div class="module fl">
					<div class="module-top">
						<div class="module-sign">
							<img src="img/new-product.png" alt="new center" />
						</div>
						<h5>新品发布</h5>
						<h6>NEW.PRODUCT</h6>
						<div class="underline"></div>
					</div>
					<div class="module-middle">
						<div class="imgwrap">
							<a href="">
								<img src="img/product1.jpg" alt="product" />
							</a>
						</div>
					</div>
					<div class="module-bottom">
						<h5>s6213w-y</h5>
						<p>海思3518E方案，多码流技术，百万高清</p>
					</div>
				</div>
				<div class="module fl">
					<div class="module-top">
						<div class="module-sign">							
							<img src="img/information.png" alt="information" />				
						</div>
						<h5>品牌介绍</h5>
						<h6>INFORMATION</h6>
						<div class="underline"></div>
					</div>
					<div class="module-middle">
						<a href="">
							<img src="img/information-product.jpg" alt="pic" />
						</a>
					</div>
					<div class="module-bottom">
						<p>
							"siepem"品牌是广州市TK科技有限公司<br />推出的自有品牌
						</p>
					</div>
				</div>
			</div>
			<!--关于我们-->
			<!--w1279 h436-->
			<div class="about">
				<div class="about-title">
					<h5>关于我们</h5>
					<h6>STORY&nbsp;DISPLAY</h6>
					<div class="through-line"></div>
				</div>
				<div class="background-wrap">
					<p class="about-desc">
					 广州市TK科技有限公司是领先的监控产品供应商和解决方案服务商，面向全球提供领先的网络视频监控系列产品及专业的行业解决方案。<br />
   					TK公司自创立以来, 一直持续加大研发投入和不断致力于技术创新。现拥一批技术尖端的研发团队，创造安防行业众多高品质、高性价比的精品<br />
              		 持续为客户创造最大价值。 
				</p>
				<div class="about-pic">
					<!--w1050 h167-->
					<ul class="piclist">
						<li>
							<a href="">
								<img src="img/picture1.jpg" alt="picture"/>
							</a>
						</li>
						<li>
							<a href="">
								<img src="img/picture2.jpg" alt="picture"/>
							</a>
						</li>
						<li>
							<a href="">
								<img src="img/picture3.jpg" alt="picture"/>
							</a>
						</li>
						<li>
							<a href="">
								<img src="img/picture4.jpg" alt="picture"/>
							</a>
						</li>
						<li>
							<a href="">
								<img src="img/picture5.jpg" alt="picture"/>
							</a>
						</li>
					</ul>
				</div>
				</div>
			</div>				
			<div class="contact">	
				<div class="title-wrap">
					<div class="contact-title">
					<h5>联系我们</h5>
					<h6>STORY&nbsp;DISPLAY</h6>
					<div class="through-line"></div>
				</div>
				<div class="contact-table clearfix">
					<div class="table-left fl">
						<div class="company-information clearfix">
							<div class="information-left fl">
								<div class="code-wrap fl">
									<img src="img/code.jpg"/>
								</div>
								<p>微信扫一扫<br />关注我们相关信息</p>
							</div>
							<ul class="information-right fl">
								<li>
									<a href="">
										<span>
											<img src="img/icon1.png" alt="icon" />
										</span>
										<span>服务热线：400-000-0000</span>
									</a>
								</li>
								<li>
									<a href="">
										<span>
											<img src="img/icon2.png" alt="icon" />
										</span>
										<span>联  系  人：某先生</span>
									</a>
								</li>
								<li>
									<a href="">
										<span>
											<img src="img/icon3.png" alt="icon" />
										</span>
										<span>公司邮箱：www.tk.com</span>
									</a>
								</li>
								<li>
									<a href="">
										<span>
											<img src="img/icon4.png" alt="icon" />
										</span>
										<span>公司传真：000-12345678</span>
									</a>
								</li>
								<li>
									<a href="">
										<span>
											<img src="img/icon5.png" alt="icon" />
										</span>
										<span>邮政编码：467000</span>
									</a>
								</li>
								<li>
									<a href="">
										<span>
											<img src="img/icon6.png" alt="icon" />
										</span>
										<span>公司地址：广州市某某区某某路某号</span>
									</a>
								</li>
							</ul>
						</div>
						<div class="map">
							<a href="">
								<img src="img/map.jpg" alt="map" />
							</a>
						</div>
					</div>
						<form action="" method="post" class="table-right fl">
							<table border="" cellspacing="" cellpadding="">
								<tr>
									<td>昵称</td>
								</tr>
								<tr>
									<td>
										<input type="text" name="name" id="" value="" />
									</td>
								</tr>
								<tr>
									<td>联系电话</td>
								</tr>
								<tr>
									<td>
										<input type="text" name="tel" id="" value="" />
									</td>
								</tr>
								<tr>
									<td>电子邮箱</td>
								</tr>
								<tr>
									<td>
										<input type="text" name="email" id="" value="" />
									</td>
								</tr>
								<tr>
									<td>内容</td>
								</tr>
								<tr>
									<td>
										<textarea name="content" ></textarea>
									</td>
								</tr>
							</table>
								<input type="submit" value="提交" />
						</form>
				</div>
			
			</div>
			
		</div>
		<footer>
			<div class="footer-top">
				<div class="top">
					<span>关注我们:</span>
					<span>
						<a href="">
							<img src="img/smallicon1.png"/>
						</a>
					</span>
					<span>
						<a href="">
							<img src="img/smallicon2.png"/>
						</a>
					</span>
				</div>
				<ul>
					<li><a href="">网站首页</a></li>
					<li>·</li>
					<li><a href="">新闻动态</a> </li>
					<li>·</li>
					<li><a href="">关于我们</a></li>
					<li>·</li>
					<li><a href="">团队风采 </a></li>
					<li>·</li>
					<li><a href="">联系我们</a></li>
					<li>·</li>
					<li><a href="">在线留言</a></li>
				</ul>
			</div>
			<div class="footer-bottom">
				<p>©2015&nbsp;TK科技有限公司 &nbsp;版权所有沪ICP证13022560号-7&nbsp;All&nbsp;Rights&nbsp;Reserved</p>
			</div>
		</footer>
		<script src="js/swiper.min.js"></script>
		<script src="js/myswiper.js"></script>
	</body>
</html>
